<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="css/fancybox.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/swiper.css">
<link rel="stylesheet" href="css/index.css">
<script type="text/javascript" src="js/jquery.js"></script>	
<script type="text/javascript" src="js/fancybox.js"></script>
<script type="text/javascript" src="js/swiper.js"></script>
<script type="text/javascript" src="js/SuperSlide.js"></script>
<script type="text/javascript" src="js/common.js"></script>
</head>
<body>

<div class="header">
	<div class="main">
		<a href="###"><h1>andes power</h1></a>
		<div class="search_btn"></div>
		<form class="head_form" action="">
			<input type="text">
			<button></button>
		</form>
		<ul>
			<li class="on"><a href="###">home</a></li>
			<li><a href="###">product</a></li>
			<li><a href="###">case</a></li>
			<li><a href="###">news</a></li>
			<li><a href="###">ABOUT ANDES</a></li>
			<li><a href="###">CONTACT US</a></li>
		</ul>
	</div>
</div>

<div class="ins_img">
	<img src="images/case_02.jpg" alt="">
</div>

<div class="sort">
	<div class="main clearfix">
		<div class="tl">
			case
		</div>
		<div class="tr">
			<div class="select_box">
				<span class="select_txt" id="setchange">All CaseAll CaseAll CaseAll Caseg</span>
				<div class="option">
					<a href="###">All Case</a>
					<a href="###">Case</a>
					<a href="###">images/case_05.jpg</a>
				</div>
				<div class="tri"></div>
			</div>
		</div>
	</div>
</div>

<!-- 工程案例 -->
<div class="case main">
	<div class="case_list clearfix">
		<div class="case_box">
			<a href="images/case_05.jpg" data-fancybox='prov'>
				<div class="img_box"><img src="images/case_05.jpg" ></div>
				<p>Case name</p>
			</a>
		</div>
		<div class="case_box">
			<a href="images/case_07.jpg" data-fancybox='prov'>
				<div class="img_box"><img src="images/case_07.jpg" ></div>
				<p>Case name</p>
			</a>
		</div>
		<div class="case_box">
			<a href="images/case_09.jpg" data-fancybox='prov'>
				<div class="img_box"><img src="images/case_09.jpg" ></div>
				<p>Case name</p>
			</a>
		</div>
		<div class="case_box">
			<a href="images/case_05.jpg" data-fancybox='prov'>
				<div class="img_box"><img src="images/case_05.jpg" ></div>
				<p>Case name</p>
			</a>
		</div>
		<div class="case_box">
			<a href="images/case_07.jpg" data-fancybox='prov'>
				<div class="img_box"><img src="images/case_07.jpg" ></div>
				<p>Case name</p>
			</a>
		</div>
		<div class="case_box">
			<a href="images/case_09.jpg" data-fancybox='prov'>
				<div class="img_box"><img src="images/case_09.jpg" ></div>
				<p>Case name</p>
			</a>
		</div>
		<div class="case_box">
			<a href="images/case_05.jpg" data-fancybox='prov'>
				<div class="img_box"><img src="images/case_05.jpg" ></div>
				<p>Case name</p>
			</a>
		</div>
		<div class="case_box">
			<a href="images/case_07.jpg" data-fancybox='prov'>
				<div class="img_box"><img src="images/case_07.jpg" ></div>
				<p>Case name</p>
			</a>
		</div>
		<div class="case_box">
			<a href="images/case_09.jpg" data-fancybox='prov'>
				<div class="img_box"><img src="images/case_09.jpg" ></div>
				<p>Case name</p>
			</a>
		</div>
	</div>
	<div class="page">
		<a href="###" class="first">First</a>
		<!-- <a href="###" class="prev">prev</a> -->
		<a class="on" href="###">1</a>
		<a href="###">2</a>
		<a href="###">3</a>
		<a href="###">4</a>
		<a href="###">5</a>
		<!-- <a href="###" class="next">next</a> -->
		<a href="###" class="last">Last</a>
	</div>
</div>






<div class="footer">
	<div class="main">
		<div class="roof clearfix">
			<div class="left">
				<div class="footer_nav">
					<dl>
						<dt>About Andes</dt>
						<dd><a href="###">company profiles</a></dd>
						<dd><a href="###">company culture</a></dd>
						<dd><a href="###">honor certificate</a></dd>
						<dd><a href="###">marketing network</a></dd>
					</dl>
					<dl>
						<dt>Product</dt>
						<dd><a href="###">Backup machine series</a></dd>
						<dd><a href="###">Interactive machine series</a></dd>
						<dd><a href="###">frequency machine series</a></dd>
					</dl>
					<dl>
						<dt>news</dt>
						<dd><a href="###">company news</a></dd>
						<dd><a href="###">Industry news</a></dd>
						<dd><a href="###">Show information</a></dd>
					</dl>
					<dl>
						<dt>case</dt>
						<dd><a href="###">Engineering case</a></dd>
					</dl>
				</div>
			</div>
			<div class="right">
				<!-- <img src="images/icon_01.png" alt=""> -->
				<h3>National Service Hotline:</h3>
				<p>+86-757-82663035</p>
			</div>
		</div>
	</div>
	<div class="copy">
		Copyright@Guangdong Andean Power Co., Ltd. All Rights Reserved &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Technical Support: Cloud Road Technology
	</div>
</div>




<script src="js/count.js"></script>
<script src="js/index.js"></script>
</body>
</html>
